<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=yes">

    <meta content="telephone=yes,email=yes" name="format-detection">
    <!--//自动识别电话号码和邮箱-->

    <meta content="yes" name="apple-mobile-web-app-capable">
    <!--//苹果手机：会删除默认的工具栏和菜单栏，网站开启对web app程序的支持-->
    <meta name="apple-mobile-web-app-status-bar-style" content="default"/>
    <!--//苹果手机：在web app应用下状态条（屏幕顶部条）的颜色,默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。-->
    <meta name="apple-touch-fullscreen" content="yes"/>
    <!--//苹果手机：如果把一个web app添加到了主屏幕中，那么从主屏幕中打开这个web app则全屏显示-->
    <link rel="apple-touch-icon" href="images/HTML5_Badge_64.png"/>
    <!--//苹果手机：将应用添加到手机主屏幕，会有一个icon可以直接进入-->
    <title>有收入</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <!--初始化样式-->
    <link rel="stylesheet" href="css/reset.css">
    <!--共用样式-->
    <link rel="stylesheet" href="css/common.css">
    <!--整个网站的局部样式-->
    <link rel="stylesheet" href="css/style.css">
    <!--适配样式-->
    <link rel="stylesheet" href="css/styleMedia.css">
    <style>
        html, body {
            position: relative;
            overflow-x: hidden;
        }
    </style>
</head>
<body style="background-color: #f4f9fd;">

<!--header begin-->
<header>
    <div id="flexHeader">
        <div class="div1 mui-action-back"><a><img src="images/icon_arrow_left.png"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
        <div class="div2">推广排行榜</div>
        <div class="div3"></div>
    </div>
</header>
<!--header end-->

<!--Commission begin-->
<article class="tab">
    <div class="wang-tab">
        <div class="wang-tab-head">
            <span class="wang-tab-head-title  wang-tab-head-title-3  wang-tab-title-transition addSelected  wang-tab-head-title-active" id='wang-tab-head-title-1'>总排行</span>
            <span class="wang-tab-head-title  wang-tab-head-title-3  wang-tab-title-transition" id='wang-tab-head-title-2' >月排行</span>
            <span class="wang-tab-head-title  wang-tab-head-title-3  wang-tab-title-transition" id='wang-tab-head-title-3'>周排行</span>
        </div>
        <div class="content-incomplete-tasks">
            <div class="wang-tab-content wang-tab-content-1 transition">
                <div class="My-promotion leaderBoard-title">
                    <div>排名</div>
                    <div>手机号</div>
                    <div>人数</div>
                    <div>奖励(金)</div>
                </div>
                <div class="My-promotion-main">
                    <ul id="allpaihan">
                        <!--<li>
                            <div class="leaderBoard-img-blue">1</div>
                            <div>15985802782</div>
                            <div>3人</div>
                            <div>45金</div>
                        </li>-->
                    </ul>
                </div>

            </div>
            <div class="wang-tab-content wang-tab-content-2 transition">
                <div class="My-promotion leaderBoard-title">
                    <div>排名</div>
                    <div>手机号</div>
                    <div>人数</div>
                    <div>奖励(金)</div>
                </div>
                <div class="My-promotion-main">
                    <ul id="mpaihan">
                        <!--<li>
                            <div class="leaderBoard-img-blue">1</div>
                            <div>15985802782</div>
                            <div>3人</div>
                            <div>45金</div>
                        </li>-->
                    </ul>
                </div>
            </div>
            <div class="wang-tab-content wang-tab-content-3 transition">
                <div class="My-promotion leaderBoard-title">
                    <div>排名</div>
                    <div>手机号</div>
                    <div>人数</div>
                    <div>奖励(金)</div>
                </div>
                <div class="My-promotion-main">
                    <ul id="wpaihan">
                        <!--<li>
                            <div class="leaderBoard-img-blue">1</div>
                            <div>15985802782</div>
                            <div>3人</div>
                            <div>45金</div>
                        </li>-->
                    </ul>
                </div>
            </div>
        </div>
    </div>
</article>

<!--Commission end-->


<!--js-->
<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/common.js"></script>
<script src="js/mui.min.js"></script>
<script src="js/config.js"></script>

<script>
	$(document).ready(function(){
		mui.plusReady(function(){
			$.ajax({
				url:$CONFIG.baseUrl+"/api/RecommendRank",
				type: 'post',
				data:{type:0},
				beforeSend:function(x){
					x.setRequestHeader("Authorization",plus.storage.getItem('token'));
				},
				success: function(data){
					var t = "";
					var m = '<li>\
                            <div class="leaderBoard-img-blue">#1</div>\
                            <div>#2</div>\
                            <div>#3人</div>\
                            <div>#4金</div>\
                        </li>';
                        for(var i=0;i<data.data.length;i++){
                        	t+=m.replace("#1",data.data[i].rank)
                        		.replace("#2",data.data[i].phone)
                        		.replace("#3",data.data[i].count)
                        		.replace("#4",data.data[i].money)
                        }
                   $("#allpaihan").html(t);
					
				},
				errror: function(error){
					console.log('error')
				}
			})
			$.ajax({
				url:$CONFIG.baseUrl+"/api/RecommendRank",
				type: 'post',
				data:{type:1},
				beforeSend:function(x){
					x.setRequestHeader("Authorization",plus.storage.getItem('token'));
				},
				success: function(data){
					var t = "";
					var m = '<li>\
                            <div class="leaderBoard-img-blue">#1</div>\
                            <div>#2</div>\
                            <div>#3人</div>\
                            <div>#4金</div>\
                        </li>';
                        for(var i=0;i<data.data.length;i++){
                        	t+=m.replace("#1",data.data[i].rank)
                        		.replace("#2",data.data[i].phone)
                        		.replace("#3",data.data[i].count)
                        		.replace("#4",data.data[i].money)
                        }
                   $("#mpaihan").html(t);
					
				},
				errror: function(error){
					console.log('error')
				}
			})
			$.ajax({
				url:$CONFIG.baseUrl+"/api/RecommendRank",
				type: 'post',
				data:{type:2},
				beforeSend:function(x){
					x.setRequestHeader("Authorization",plus.storage.getItem('token'));
				},
				success: function(data){
					var t = "";
					var m = '<li>\
                            <div class="leaderBoard-img-blue">#1</div>\
                            <div>#2</div>\
                            <div>#3人</div>\
                            <div>#4金</div>\
                        </li>';
                        for(var i=0;i<data.data.length;i++){
                        	t+=m.replace("#1",data.data[i].rank)
                        		.replace("#2",data.data[i].phone)
                        		.replace("#3",data.data[i].count)
                        		.replace("#4",data.data[i].money)
                        }
                   $("#wpaihan").html(t);
					
				},
				errror: function(error){
					console.log('error')
				}
			})
		})
	})
	
</script>

</body>
</html>